<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="../../../bootstrap-3.4.1-dist/css/bootstrap.css"><!--如果是b在day下（同级）则不用加..-->
</head>
<body>
<button class="btn btn-default">（默认样式）Default</button>
<button class="btn btn-primary">（首选项）Primary</button>
<button class="btn btn-success">（成功）Success</button>
<button class="btn btn-link">（链接）Link</button>
<a href="" class="btn btn-success">超链接</a>
<table class="table table-striped table-bordered table-hover table-condensed">
  <tr>
    <td>ID</td>
    <td>名字</td>
    <td>年龄</td>
    <td>性别</td>
  </tr>
  <tr>
    <td>1</td>
    <td>zhangsan</td>
    <td>23</td>
    <td>男</td>
  </tr>
  <tr>
    <td>2</td>
    <td>李四</td>
    <td>24</td>
    <td>女</td>
  </tr>
  <tr>
    <td>3</td>
    <td>王五</td>
    <td>22</td>
    <td>男</td>
  </tr>
</table>
<nav aria-label="Page navigation">
  <ul class="pagination">
    <li>
      <a href="#" aria-label="Previous">
        <span aria-hidden="true">&laquo;</span>
      </a>
    </li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li>
      <a href="#" aria-label="Next">
        <span aria-hidden="true">&raquo;</span>
      </a>
    </li>
  </ul>
</nav>
</body>
</html>